<#assign s=JspTaglibs["/WEB-INF/struts-tags.tld"] />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
	<link rel="stylesheet" type="text/css" href="../styles/global.css"/>
	<link rel="stylesheet" type="text/css" href="../styles/elements.css"/>
	<link rel="stylesheet" type="text/css" href="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.css" />
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../scripts/highstock-1.0.Beta/highstock.js"></script>
	<script type="text/javascript" src="../scripts/highstock-1.0.Beta/themes/grid.js"></script>
	<script type="text/javascript" src="../scripts/common.js"></script>
<script type="text/javascript">
<#if gdrslist?size &gt; 0>
function init_gdrs(){

	/* 初始化股东人数表 */
	var chartOptions = {
		chart: {
			renderTo: 'chart-gdrs',
		},
		title: {
			text: '历年股东人数变化情况'
		},
		tooltip: {
			formatter: function(){
				return '<b>'+ this.x +'</b><br/>'+
				 this.series.name +': '+ formatMoney(this.y,0)+" 人";
			}
		},
		xAxis: {
			categories: []
		},
		yAxis: {
			title: {
				text: '数量'
			}
		},
		series: []
	};

	var series_cgrs = {
			name:'持股人数',
			data:[],
			type:"spline"
	};
	var series_rjcgs = {
			name:'人均持股数（流通股）',
			data:[],
			type:"area"
	};
	<@s.iterator value="gdrslist" var="gdrs">
		chartOptions.xAxis.categories.push('<@s.date name="id.rq" format="yyyy-MM-dd"/>');
		series_cgrs.data.push(<@s.property value="gdrs"/>);
		series_rjcgs.data.push(<@s.property value="rjltg"/>);
	</@s.iterator>
	
	chartOptions.series.push(series_cgrs);
	chartOptions.series.push(series_rjcgs);
	new Highcharts.Chart(chartOptions);
}
init_gdrs();
</#if>

<#if gbjglist?size &gt; 0>
function init_gbjg(){
	/* 初始化股东人数表 */
	var chartOptions = {
		chart: {
			renderTo: 'chart-gbjg',
			defaultSeriesType: 'column'
		},
		title: {
			text: '历年股本构成情况'
		},
		xAxis: {
			categories: []
		},					
		yAxis: {
			min: 0,
			title: {
				text: '总股本数'
			}
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 this.series.name +': '+ formatMoney(this.y,0) +' 股<br/>'+
					 '总股本: '+ formatMoney(this.point.stackTotal,0)+" 股";
			}
		},
		plotOptions: {
			column: {
				stacking: 'normal'
			}
		},
		series: []
	};
	var series1 = {
			name: "受限流通股数量",
			data:[]
	};
	var series2 = {
			name :"流通股数量",
			data: []
	};
	<@s.iterator value='gbjglist' var='gbjg'>
		chartOptions.xAxis.categories.push("<@s.date name='id.rq' format='yyyy-MM-dd'/>");
		series1.data.push(<@s.property value='sxltg'/>);
		series2.data.push(<@s.property value='yssltg'/>);
	</@s.iterator>
	chartOptions.series.push(series1);
	chartOptions.series.push(series2);
	new Highcharts.Chart(chartOptions);
}
init_gbjg();
</#if>

<#if jjsjlist?size &gt; 0>
function init_jjsjb(){
	/* 初始化股东人数表 */
	var chartOptions = {
		chart: {
			renderTo: 'chart-jjsjb'
		},
		title: {
			text: '股票解禁时间表'
		},
		xAxis: {
			categories: []
		},					
		yAxis: {
			min: 0,
			title: {
				text: '解禁股数'
			}
		},
		tooltip: {
			formatter: function() {
				return '<b>'+ this.x +'</b><br/>'+
					 this.series.name +': '+ formatMoney(this.y,0)+" 股";
			}
		},
		series: []
	};
	var series1 = {
			name :"解禁股数",
			type: "bar",
			data: []
	};
	<@s.iterator value='jjsjlist' var='jjsj'>
		chartOptions.xAxis.categories.push('<@s.date name='id.jjr' format='yyyy-MM-dd'/>');
		series1.data.push(<@s.property value='jjgfs'/>);
	</@s.iterator>
	chartOptions.series.push(series1);
	new Highcharts.Chart(chartOptions);
}
init_jjsjb();
</#if>
</script>
<style>
</style>
</head>
<body>
<#if gdlist?size &gt; 0>
	<table class="datatable">
		<caption>前十大股东名单</caption>
		<!-- 大股东 -->
		<thead><tr><th>排名</th><th>股东名称</th><th>持股数</th><th>占总股本比例</th></tr></thead>
		<tbody>
				<#list gdlist as gd>
				<tr><td align="center">${gd_index+1}</td><td>${gd.jgmc}</td><td align="right">${gd.cgs}</td><td align="right">${formatNumber(gd.zzgbbl,"0.00%")}</td></tr>
				</#list>
		</tbody>
	</table>
</#if>

<div id="chart-gdrs" style="padding:5pxs"></div>
<div id="chart-gbjg" style="padding:5px"></div>
<div id="chart-jjsjb" style="padding:5px"></div>
</body>
</html>